<template>
	<view class="container">
		<view class="goodscontent bordt20">
			<view class="ctitlebox">
				<view class="ctitle">介绍说明</view>
			</view>
			<view class="goodsbox">
				<rich-text :nodes="row.content"></rich-text>
			</view>
		</view>
		<view class="goodscontent">
			<view class="company_dl">
				<!-- <view class="company_dt">
					<image :src="row.image" mode="aspectFill"></image>
				</view> -->
				<view class="company_dd">
					<!-- <view class="company_name">{{row.name}}</view> -->
					<!-- <view class="company_txt">简介:{{row.desc}}</view> -->
					 联系电话:{{row.mobile}}&nbsp;&nbsp;&nbsp;&nbsp;<view class="company_tel" @click="callme"><text class="iconfont icon-dianhua"></text>拨打电话</view>
				</view>
			</view>
			<view class="company_map">
				地址:&nbsp;&nbsp;&nbsp;<view class="company_mapl"><text class="iconfont icon-icon-GIS_dizhi"></text>{{row.address}}</view>
				<!-- <view class="company_mapr" @click="map"><text class="iconfont icon-daohang"></text>导航</view> -->
			</view>
			<view class="company_map">
				邮编:&nbsp;&nbsp;&nbsp;<view class="company_mapl">{{row.youbian}}</view>
				<!-- <view class="company_mapr" @click="map"><text class="iconfont icon-daohang"></text>导航</view> -->
			</view>
		</view>
		
		<!-- <view class="goodscontent bordt20">
			<view class="ctitlebox">
				<view class="ctitle">门店展示</view>
			</view>
			<view class="mdinner">
				<view class="mdinner_li" v-for="(item,index) in row.images" :key="index">
					<image :src="item" mode="aspectFill" @click="previewImage(index)"></image>
				</view>

			</view>
		</view> -->

	</view>
</template>

<script>
	import API from "@/common/api.js";
	export default {
		data() {
			return {
				row: []
			}
		},
		onLoad(options) {
			var $this = this
			API.post("common/getshop", {
				id: options.id
			}).then((res) => {
				if (res.code == 1) {
					$this.row = res.data
				}
			})
		},
		methods: {
			callme() {
				uni.makePhoneCall({
					phoneNumber: this.row.mobile
				});
			},
			map: function() {
				uni.openLocation({
					latitude: Number(this.row.wei),
					longitude: Number(this.row.jing),
					address: this.row.address,
					name: this.row.name
				})
			},
			previewImage(index) {
				uni.previewImage({
					current: index,
					urls: this.row.images
				});
			},
		}
	}
</script>

<style lang="scss">
	@import '@/static/style.css';

	.goodscontent {
		padding: 30rpx;
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		font-size: 28rpx;
	}
	.company_map{
		font-size: 28rpx;
	}
	.goodsbox {
		margin-top: 30rpx;
		line-height: 48rpx;
		font-size: 14rpx !important;
	}

	.mdinner {
		width: 100%;
		margin-top: 10rpx;
		overflow: hidden;
	}

	.mdinner_li {
		width: 48%;
		height: 340rpx;
		float: left;
		margin-top: 30rpx;
		overflow: hidden;
	}

	.mdinner_li:nth-child(even) {
		margin-left: 4%;
	}

	.mdinner_li image {
		width: 100%;
		height: 100%;
	}
</style>